<template>
  <el-table :data="updateTableList">
    <el-table-column label="订单号" prop="orderNo"></el-table-column>
    <el-table-column label="下单时间" prop="orderTime"></el-table-column>
    <el-table-column label="收货人" prop="consignee"></el-table-column>
    <el-table-column label="配送地址" prop="deliverAddress"></el-table-column>
    <el-table-column label="送达时间" prop="deliveryTime"></el-table-column>
    <el-table-column label="用户备注" prop="remarks"></el-table-column>
    <el-table-column label="订单金额" prop="orderAmount"></el-table-column>
    <el-table-column label="订单状态" prop="orderState"></el-table-column>
    <el-table-column label="操作">
      <button>查看</button>
      <button>编辑</button>
    </el-table-column>
  </el-table>
</template>

<script>
import { mapGetters, mapActions } from "vuex";
export default {
  data() {
    return {
      tableList: []
    };
  },
  computed: {
    ...mapGetters("Order", ["updateTableList"])
  },
  methods: {
    ...mapActions("Order", ["sync_update_tableList"])
  },
  created() {
    this.sync_update_tableList();
  }

  // data() {
  //   return {
  //     orderList: []
  //   };
  // },
  // computed: {
  //   ...mapGetters("Order", ["formartOrderList"])
  // },
  // methods: {
  //   ...mapActions("Order", ["SYNC_ORDER_LIST"])
  // },
  // created() {
  //   this.SYNC_ORDER_LIST();
  // }
};
</script>

<style scoped>
</style>